.mobile-menu, .mobile-menu-right { display: none;}

.index-swiper .index-swiper-container .swiper-wrapper .swiper-slide { overflow: hidden;}

.region-title { max-width: 1400px; text-align: center;}



.mobile-menu-close {

    text-align: right;

    padding: 20px;

}

.mobile-menu-close img{

    width: 30px;

    height: 30px;

}

.footer-lines {

    height: 1px;

    background: #2A2B2D;

    max-width: 1200px;

    margin: 0 auto;

}



.sidemenu .widget .widget-post .details {

    float: none;

}



.article-pic img {

    object-fit: cover;

}



.common-btn-1 {

    background-color: #236ffb !important;

    border: solid 1px #236ffb !important;

}

.sideFixed-tel { display: none;}



.content {

    max-width: 1400px;

    width: auto;

    margin: 0 auto;

}



@media screen and (max-width:1400px) {

    .common-box {

        width: 1200px;

    }

    .classic-case-list .item {

        width: 390px;

        /* height: 292px; */

        margin-right: 15px;

        margin-bottom: 15px;

    }

    .classic-case-list .item .top{

        width: 390px;

        height: 245px;

    }

}





@media screen and (max-width:1200px) {

    .common-box {

        width: auto;

        max-width: 960px;

        padding: 0 15px;

    }

    #navigation .common-box {

        width: auto;

        max-width: 1200px;

        padding: 0 15px;

    }

    #navigation.modern .columns .logo {

        margin-left: 0;

    }

    #navigation.modern .columns .nav-menu {

        display: none;

    }

    #mybelling {

        display: none;

    }

    .phone_zi { display: none;}

    .mobile-menu-right { display: block;}

    

    .mobile-menu-right {

        float: right;

    }

    .mobile-menu-right .phone_zi_mobile{

        float: left;

    }

    .mobile-menu-right .mobile-menu-btn {

        float: left;

        width: 30px;

        margin-top: 25px;

        margin-right: 0;

        margin-left: 15px;

    }

    .mobile-menu-right .mobile-menu-btn  span{

        display: block;

        width: 100%;

        height: 3px;

        margin-bottom: 6px;

        background-color: #333;

    }



    .mobile-menu {

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        z-index: 9999;

        background-color: rgba(0,0,0,0.5);

    }

    .mobile-menu ul{

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        left: auto;

        background-color: #fff;

        width: 60%;

        height: 100%;

    }

    .mobile-menu li a{

        display: block;

        padding: 15px;

        font-size: 16px;

        text-align: center;

    }



    .index-swiper {

        height: 400px;

    }

    .index-swiper .index-swiper-container {

        min-width: auto;

        max-width: 1200px;

        height: 100%;

    }

    .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide {

        min-width: auto;

        max-width: 1200px;

        height: 100%;

        overflow: hidden;

    }

    .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .cover {

        min-width: auto;

        /* max-width: 100%; */

    }



    .h_pack_con {

        width: 100% !important;

    }

    .h_pack_ul li {

        width: 49% !important;

        margin: 0 10px 10px 0 !important;

    }

    .h_pack_ul li:nth-child(2n) {

        margin-right: 0 !important;

    }



    .breadcrumb .br_left ul {

        padding: 0 15px;

    }



    .live-info, .live-content {

        padding: 0 15px;

    }

    

    .classic-case-list .item {

        width: 303px;

        /* height: 235px; */

        margin-right: 10px;

        margin-bottom: 10px;

    }

    .classic-case-list .item .top {

        width: 303px;

        height: 196px;

    }



}





@media screen and (max-width:960px) {

    .common-box {

        width: 768px;

        /* width: auto; */

    }

    .classic-case-list .item {

        width: 239px;

        /* height: 292px; */

        margin-right: 10px;

        margin-bottom: 10px;

    }

    .classic-case-list .item .top{

        width: 100%;

        height: 178px;

    }

}





@media screen and (max-width:768px) {

    .common-box {

        max-width: 768px;

        width: auto;

    }

    #navigation.modern .columns {

        padding: 0;

    }

    .region-1-container {

        min-width: auto;

        max-width: 1200px;

    }

    .region-2-container {

        padding: 80px 0;

    }



    .region-2-container .classic-case .show {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

    }

    .classic-case-list.show {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

    }

    .classic-case-list .item {

        width:338px;

        /* height: 243px; */

        margin-right: 10px;

        padding: 0;

        white-space: nowrap;

        overflow: hidden;

        text-overflow: ellipsis;

    }

    .classic-case-list .item:nth-child(2n) {

        margin-right: 0;

    }

    .classic-case-list .item:nth-child(3) {

        margin-right: 10px;

    }

    .classic-case-list .item .top {

        width: 100%;

        height: 253px;

        margin-right: 0;

        padding: 0;

    }

    .classic-case-list .item .bottom {

        width: 100%;

        height: 40px;

        font-size: 15px !important;

        line-height: 40px;

        padding: 0 10px !important;

    }

    .classic-case-list .item .bottom .fl .title, .classic-case-list .item .bottom .item .title {

        font-size: 15px !important;

    }



    .index-swiper {

        height: 300px;

    }

    .index-swiper .index-swiper-container .swiper-wrapper .swiper-slide .cover {

        height: 100%;

    }



    .region-title {

        font-size: 28px;

        margin-top: 0 !important;

        padding-top: 30px;

    }

    .region-title img{

       width: 26%;

    }



    #footer .sm-mb-mobile{

        display: none;

    }

    #footer .focus-us{

        display: block;

        margin-bottom: 0 !important;

        text-align: center;

        width: 100% !important;

        flex: 100%;

        margin: 0 auto;

    }

    #footer .foot_list  {

        text-align: center;

    }

    .classic_footer .footer-body {

        padding: 40px 0;

    }

    .classic_footer .footer-body .row{

        margin-left: 0;

        margin-right: 0;

    }

    .case {

        height: 300px !important;

    }

    .page-title-white{

        line-height: 300px !important;

    }

    

    .imagshow {

        padding: 0 15px;

    }

    .imagebg {

        width: 100%;

        height: auto;

    }

    .imagebg li {

        position: relative;

        width: 100%;

        height: auto;

    }

    .firstleft {

        width: 100%;

        float: none;

        display: block;

    }

    .bannerbg_pos {

        width: 100%;

        height: auto;

    }

    .scroll {

        max-width: 600px;

    }



    .firstright {

        float: none;

        width: 100%;

        display: block;

    }

    .firstright .information {

        width: 100%;

        padding: 20px 15px 0;

    }

    .firstright .information .inf_left1 {

        width: 100%;

    }

    .information_li {

        float: none;

        width: 100%;

    }

    

    .lpStory .lp_information_box {

        max-width: 1200px;

        width: 100%;

    }

    .bigtit {

        padding-left: 15px;

    }

    .lp_information_box .wai {

        padding: 15px;

    }



    .layout_con {

        padding: 15px;

    }

    .layout_con ul {

        margin-right: -5px;

        margin-left: -5px;

    }

    .layout_con li {

        width: 50%;

        margin-right: 0;

    }

    .layout_con li a{

        padding: 0 5px;

        display: block;

        width: 100%;

        height: 100%;

    }

    .layout_img {

        width: 100% !important;

    }

    .layout_text {

        width: 100%;

    }

    .layout_img img {

        width: 100%;

    }

    .lpStory, .vrkf-detail-box {

        padding: 0 15px;

    }



    .sm-pt {

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }



    .article-detail-recommend {

        display: none;

    }

    .py {

        padding: 40px 0 !important;

    }

    .sidemenu .widget .widget-post {

        padding: 10px 0;

    }

    .Post-RichText {

        padding: 0 15px;

    }

    .Post-RichText img{

       max-width: 100%;

       margin: 0 auto;

    }



    #qq_content {

        width: auto !important;

        padding: 0 !important;

        right: 10px !important;

        background: transparent !important;

        box-shadow: none !important;

    }

    .zhedie, #contactsBlock, .hoverwhitep{ display: none;}

    #qq_content .kefuitem {

        margin-bottom: 10px;

        box-shadow: 0 0 10px rgba(0,0,0,0.4);

        border-radius: 50%;

    }

    .hoverwhitep {

        margin-bottom: 0;

        line-height: 1;

    }

    .sideFixed-tel { display: block;}

    .article-desc {

        padding-left: 15px;

        padding-right: 15px;

    }

}



@media screen and (min-width: 561px) and (max-width: 715px) {

    .classic-case-list .item {

        width: 260px;

    }

    .classic-case-list .item .top {

        width: 100%;

        height: 164px;

    }

}



@media screen and (max-width:560px) {

    .classic-case-list .item {

        width: 100%;

        height: auto;

        margin-right: 0;

        padding: 0;

    }

    .classic-case-list .item .top {

        width: 100%;

        height: auto;

        margin-right: 0;

        padding: 0;

    }

    .h_pack_ul li {

        width: 100% !important;

        margin: 0 0 10px 0 !important;

    }

    .h_pack_ul li:nth-child(2n) {

        margin-right: 0 !important;

    }

    .region-2-container {

        padding: 40px 0;

    }

    .classic-case-list .item:nth-child(3) {

        margin-right: 0;

    }

}